@charset "utf-8";
/*
赵杰 相片
*/

.page_title h2 img { height:24px; width:24px; float:left; margin-right:5px }
.page_title h2 { font-size:14px; color:#000000; font-weight:bold; line-height:25px; height:25px; clear:both }
.page_title p { padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; line-height: 20px; }
.photoBox { clear:both; overflow:hidden; }
.published { background-image: url(../images/ico_add.gif); background-repeat: no-repeat; background-position: 0px center; padding-left: 20px; line-height: 25px; font-size: 14px; }
.albumlist { width: 810px; }
.albumlist .photo140 { background-image: url(../images/photo_bg.gif); background-repeat: no-repeat; background-position: 0px 0px; display: block; width: 135px; height: 113px; text-align: left; padding-top: 7px; padding-left: 8px; margin-right: auto; margin-left: auto; }
.albumlist .photo140 a { height: 100px; width: 120px; overflow: hidden; text-align: center; display: block; }
.albumlist .photo140 img { }
.albumlist ul { padding: 0px; margin-top: 10px; margin-right: auto; margin-bottom: 0px; margin-left: auto; width: 98%; }
.albumlist ul li { margin-bottom: 10px; overflow: hidden; line-height: 20px; width: 380px; float: left; margin-right: 10px; }
.albumlist ul li .box { clear: both; height:120px; overflow: hidden; line-height: 20px; border: 1px solid #CCCCCC; background-color: #FFFFFF; width: 373px; margin: 2px; padding-top: 5px; padding-bottom: 5px; }
.albumlist ul li .c1 { float: left; width: 160px; }
.albumlist ul li .c2 { width: 210px; float: left; }
.albumlist ul li dl { margin: 0px; padding: 0px; }
.albumlist ul li dl dt { font-size: 14px; line-height: 30px; }
.albumlist ul li dl dd { font-size: 12px; color: #666666; line-height: 20px; }
/*专辑内容列表*/
.piclist { overflow: hidden; width: 630px; border-bottom: 1px solid #BBC1CC; marginp: 1px 0 0 0px; padding-top: 10px; padding-right: 0; padding-bottom: 0; padding-left: 0px; font-size: 12px; }
.sidebar dl{ margin: 0px; padding: 0px; }
.sidebar dl dt{ margin: 0px; padding: 0px; font-size: 14px; line-height: 30px; color: #1E43AF; border-bottom: 1px solid #D9D9D9; }
.sidebar dl dd{ margin: 0px; border-bottom: 1px solid #D9D9D9; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: block; clear: both; height: 45px; }
.sidebar dl dd .d1,.sidebar dl dd .d2,.sidebar dl dd .d3,.sidebar dl dd .dr .top,.sidebar dl dd .dr .down,.sidebar dl dd .dr .topon,.sidebar dl dd .dr .downon{ background-image: url(../images/ico_order.gif); background-repeat: no-repeat; }

.sidebar dl dd .d1{ background-position: 0px -52px; padding-left: 34px; float: left; }
.sidebar dl dd .d2{ background-position: 0px -135px; padding-left: 34px; float: left; }
.sidebar dl dd .d3{ background-position: 0px -213px; padding-left: 34px; float: left; }
.sidebar dl dd .dr{ background-position: 0px -52px; width: 46px; float: right; padding-top: 10px; }
.sidebar dl dd .dr .top{ background-position: 0px -15px; height: 15px; width: 17px; text-indent: 999px; overflow: hidden; display: block; float: left; margin-right: 5px; }
.sidebar dl dd .dr .down{ background-position: -17px -15px; height: 15px; width: 17px; text-indent: 999px; overflow: hidden; display: block; float: left; }
.sidebar dl dd .dr .topon{ background-position: 0px 0px; height: 15px; width: 17px; text-indent: 999px; overflow: hidden; display: block; float: left; margin-right: 5px; }
.sidebar dl dd .dr .downon{background-position: -17px 0px; height: 15px; width: 17px; text-indent: 999px; overflow: hidden; display: block; float: left; }
.piclist h3{ font-size:12px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DADADA; line-height: 30px; height: 30px; overflow: hidden; width: 100%; }
.piclist h4{ font-size: 12px; font-weight: normal; color: #999; line-height: 25px; }
.piclist ul{ width: 620px; font-size: 12px; margin: 0px; padding: 0px; clear: none; }
.piclist li { float: left; height: 160px; overflow: hidden; width: 155px; text-align: center; margin-top: 5px; }
.piclist li .box{ height: 105px; width: 130px; display: block; margin-right: auto; margin-left: auto; padding: 2px; border: 1px solid #CCCCCC; margin-bottom: 5px; background-color: #FFFFFF; }
.piclist li img { }
.view { clear: both; overflow: hidden; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #BBC1CC; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-color: #f6f6f6; margin-top: 1px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.view .c1 { width: 720px; float: left; }
.view .c2 { width: 90px; float: left; border: 1px solid #CCCCCC; text-align: center; height: 370px; }
.view .c2 img {  padding: 1px; border: 1px solid #DFDEE6;  }
.view .c2 img.on { margin-bottom:5px; margin-left:auto; margin-right:auto; margin-top:5px; padding: 1px; border: 1px solid #999999; display: block; }
.viewRC { clear: both; overflow: hidden; width: 100%; margin-top: 10px; }
.viewRC .c1 { width: 650px; float: left; }
.viewRC .c3{ float:right; width:290px;}
.viewRC .c3 h2{ line-height:30px; background-color:#EEE; font-size: 12px; font-weight: bold; padding-left: 5px; clear: both; margin-bottom: 5px; }
.viewRC .c3 ul{ overflow:hidden; width:100%; padding-bottom: 10px; }
.viewRC .c3 ul li.li{ width:12.5%; float:left; text-align:center; margin-bottom: 5px; }
.viewRC .c3 ul li.li img{ border:#CCC 1px solid; height: 30px; width: 30px; }
.info_box{}
.info_box .info { font-size: 12px; line-height: 20px; margin-left: 10px; width:680px; float:left; }
.info_box .info  h1{ font-size: 16px; line-height: 30px; font-weight: bold; margin: 0px; padding: 0px; }
.info_box .info  p{ margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; }
.info_box .c2 { width: 120px; float: left; margin-left: 10px; }
.info_box .c2 a { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D8DFEA; line-height: 20px; display: block; padding-left: 5px; }
.info_box .c2 div { height: 22px; }
.info_box .c2 a:hover { background-color: #336699; color: #FFFFFF; text-decoration: none; }
/*好友的相片*/

.fphotolist { width: 810px; clear:both; }
.fphotolist .photo130 { width: 130px; text-align: left; margin-right: auto; margin-left: auto; overflow: hidden; }
.fphotolist .photo130 a { overflow: hidden; text-align: center; display: block; }
.fphotolist .photo130 img { }
.fphotolist ul { padding: 0px; margin-top: 10px; margin-right: auto; margin-bottom: 0px; margin-left: auto; width: 98%; }
.fphotolist ul li { margin-bottom: 10px; overflow: hidden; line-height: 20px; width: 380px; float: left; margin-right: 10px; }
.fphotolist ul li .box { clear: both; height:120px; overflow: hidden; line-height: 20px; border: 1px solid #CCCCCC; background-color: #FFFFFF; width: 373px; margin: 2px; padding-top: 5px; padding-bottom: 5px; }
.fphotolist ul li .c1 { float: left; width: 130px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; }
.fphotolist ul li .c2 { width: 210px; float: left; }
.fphotolist ul li dl { margin: 0px; padding: 0px; }
.fphotolist ul li dl dt { line-height: 30px; }
.fphotolist ul li dl dt a { text-decoration: underline; }
.fphotolist ul li dl dd { font-size: 12px; color: #999999; line-height: 25px; }
/* 好友的最新专辑*/

.falbumlist { width: 810px; clear:both; }
.falbumlist .photo140 { background-image: url(../images/photo_bg.gif); background-repeat: no-repeat; background-position: 0px 0px; display: block; width: 135px; height: 113px; text-align: left; padding-top: 7px; padding-left: 8px; margin-right: auto; margin-left: auto; }
.falbumlist .photo140 a { height: 100px; width: 120px; overflow: hidden; text-align: center; display: block; }
.falbumlist .photo140 img { }
.falbumlist ul { padding: 0px; margin-top: 10px; margin-right: auto; margin-bottom: 0px; margin-left: auto; width: 98%; }
.falbumlist ul li { margin-bottom: 10px; overflow: hidden; line-height: 20px; width: 380px; float: left; margin-right: 10px; }
.falbumlist ul li .box { clear: both; overflow: hidden; line-height: 20px; border: 1px solid #CCCCCC; background-color: #FFFFFF; width: 373px; margin: 2px; padding-top: 5px; padding-bottom: 5px; height:120px; }
.falbumlist ul li .c1 { float: left; width: 160px; }
.falbumlist ul li .c2 { width: 210px; float: left; }
.falbumlist ul li dl { margin: 0px; padding: 0px; }
.falbumlist ul li dl a { }
.falbumlist ul li dl dt { font-size: 14px; line-height: 30px; }
.falbumlist ul li dl dd { font-size: 12px; color: #999999; line-height: 20px; }
/*圈有我的相片*/
.mark { clear: both; overflow: hidden; display:table; display:inline-block; width: 100%; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 1px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.mark li { float: left; overflow: hidden; width: 137px; text-align: center; padding-right: 20px; margin-bottom: 10px; }
.mark li .name { overflow: hidden; line-height: 20px; height: 20px; position: relative; width: 137px; }
.mark li .name .c1 { }
.mark li .name .c2 { visibility: hidden; }
.mark li .name2 { overflow: hidden; line-height: 20px; height: 20px; background-color: #F2EEFF; position: relative; width: 137px; }
.mark li .name2 .c1 { }
.mark li .name2 .c2 { position: absolute; right: 2px; visibility: visible; top: 4px; }
.mark li img { padding: 3px; border: 1px solid #CCCCCC; margin-bottom: 5px; background-color: #FFFFFF; }
/*圈有好友的相片*/
.fmark { clear: both; overflow: hidden; display:table; display:inline-block; width: 100%; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 1px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.fmark li { float: left; overflow: hidden; width: 137px; text-align: center; padding-right: 20px; margin-bottom: 10px; }
.fmark li .name { overflow: hidden; line-height: 20px; height: 20px; position: relative; width: 137px; }
.fmark li img { padding: 3px; border: 1px solid #CCCCCC; margin-bottom: 5px; background-color: #FFFFFF; }
/*编辑专辑*/
.edit_box { margin-left: 10px; margin-bottom: 30px; padding-top: 10px; }
.edit_box .li { clear: both; height: 30px; }
.edit_box .li .c1 { width: 65px; float: left; line-height: 20px; }
.edit_box .li .c2 { width: 500px; }
.edit_list { width: 810px; clear:both; }
.edit_list h3 { font-size: 12px; font-weight: normal; margin-left: 10px; }
.edit_list .photo130 { width: 130px; text-align: left; margin-right: auto; margin-left: auto; overflow: hidden; height: 130px; }
.edit_list .photo130 a { overflow: hidden; text-align: center; display: block; }
.edit_list .photo130 img { }
.edit_list ul { padding: 0px; margin-top: 10px; margin-right: auto; margin-bottom: 0px; margin-left: auto; width: 98%; }
.edit_list ul li { overflow: hidden; line-height: 20px; width: 100%; }
.edit_list ul li .box { clear: both; overflow: hidden; line-height: 20px; border: 1px solid #CCCCCC; background-color: #FFFFFF; width: 786px; margin: 2px; padding-top: 5px; padding-bottom: 5px; }
.edit_list ul li .c1 { float: left; width: 130px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; }
.edit_list ul li .c2 { width: 350px; float: left; }
.edit_list ul li .c3 { width: 250px; float: right; border: 1px solid #CCC; padding: 5px; font-size: 12px; line-height: 160%; color: #666; margin-right: 5px; background-color: #F0F0F0; }
.edit_list ul li dl { margin: 0px; padding: 0px; clear: both; }
.edit_list ul li dl dt { float: left; width: 80px; display: block; font-size: 12px; line-height: 22px; padding-bottom: 5px; text-align: right; }
.edit_list ul li dl dd { font-size: 12px; float: left; display: block; padding-bottom: 5px; margin: 0px; width: 260px; }
/*专辑的相片排序*/
.order { line-height: 30px; margin-left: 10px; }
.orderlist { clear: both; overflow: hidden; display:table; display:inline-block; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #BBC1CC; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 1px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.orderlist li { cursor:move; float:left; height:160px; line-height:150px; overflow:hidden; position:relative; text-align:center; width:160px; }
.orderlist li img { border:1px solid #CCCCCC; cursor:move; padding:4px; vertical-align:middle; }
/*上传相片样式*/
.upload { margin-top: 20px; }
.msg { width: 752px; margin-top: 10px; margin-right: 10px; margin-left: 10px; }
.msg p { line-height: 20px; padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; }
.upload .clue { background-image: url(../images/clue.gif); background-repeat: no-repeat; background-position: 0px top; width: 300px; float: left; margin-top: 20px; padding-top: 5px; }
.upload .clue p { padding-left: 15px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; margin: 0px; line-height: 20px; color: #666666; }
.upload .clue_btm { background-image: url(../images/clue.gif); background-repeat: no-repeat; background-position: 0px bottom; height: 5px; display: block; width: 100%; }
.upload ul { float: left; width: 450px; }
.upload li { clear: both; overflow: hidden; display:table; display:inline-block; width: 100%; margin-bottom: 10px; }
.upload li .c1 { width: 85px; float: left; line-height: 20px; text-align: right; margin-right: 5px; }
.upload li .c2 { float: left; width:300px; }
.upload li .c2 .rank { width: 360px; }
.upload .edit_list { width: 810px; clear:both; }
.upload .edit_list h3 { font-size: 12px; font-weight: normal; margin-left: 10px; }
.upload .edit_list .photo130 { width: 130px; text-align: left; margin-right: auto; margin-left: auto; overflow: hidden; height: 130px; }
.upload .edit_list .photo130 a { overflow: hidden; text-align: center; display: block; }
.upload .edit_list .photo130 img { }
.upload .edit_list ul { padding: 0px; margin-top: 10px; margin-right: auto; margin-bottom: 0px; margin-left: auto; width: 98%; }
.upload .edit_list ul li { margin-bottom: 10px; overflow: hidden; line-height: 20px; width: 380px; float: left; margin-right: 10px; }
.upload .edit_list ul li .box { clear: both; display:table; overflow: hidden; line-height: 20px; border: 1px solid #CCCCCC; background-color: #FFFFFF; width: 373px; margin: 2px; padding-top: 5px; padding-bottom: 5px; }
.upload .edit_list ul li .c1 { float: left; width: 130px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; }
.upload .edit_list ul li .c2 { width: 210px; float: left; }
.upload .edit_list ul li dl { margin: 0px; padding: 0px; }
.upload .edit_list ul li dl dt { height: 35px; padding-top: 5px; }
.upload .edit_list ul li dl dd { font-size: 12px; height: 30px; }
.passwor_div { width: 288px; font-size:14px; margin: 30px auto; padding:50px 0px; background:url(../images/rz_bg.gif) no-repeat 0px bottom; line-height:30px; }
.passwor_div td { font-weight: bold; color:#F00; font-size: 14px; }

/*小凡新加*/

.piclist.wi{width:830px;padding-left:20px;}
.piclist li.pic{width:270px;height:220px;}
.piclist li.pic img{border:1px solid #ccc;padding:1px; display:block;}
.day{ text-align:left; color:#2e7de3;line-height:22px; float:left;width:200px;height:22px;}
.day span{ color:#8e8e8e; float:left;}

.title_pic{ border-bottom:1px solid #ccc; line-height:18px; color:#515151;}
.title_pic span{padding:0 5px;}
.HL_sec{ margin:0;padding:0;border:1px solid #7f9db9;width:340px;height:auto; position:absolute;left:63px;top:20px;*top:22px;*left:66px;background:#FFF;padding-bottom:20px;line-height:30px;}
.HL_sec a{float:left;padding-left:5px;line-height:22px;}
.HL_sec a:hover,.list_sec a:visited{color:#005fab;}
.list_HL{ float:left;width:320px; margin-left:10px;}

/*右下角相片列表*/
.opus_box{ clear: both; overflow: hidden; text-align: left; width: 290px; margin-bottom: 10px; }
.opus_tit{ font-size: 14px; font-weight: bold; color: #0063dc; line-height: 25px; text-indent: 5px;  border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCC; border-right-color: #CCC; border-bottom-color: #CCC; border-left-color: #CCC; }
.opus_tit a{background-image: url(../images/Remove_icon_02.gif); background-repeat: no-repeat; text-indent: 9999px; display: block; overflow: hidden; width: 10px; height: 10px;padding-right:10px;margin-top:5px;}
.opus_img_list{ background-color:#f3f3f3; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #e3e3e3; border-right-color: #e3e3e3; border-bottom-color: #e3e3e3; border-left-color: #e3e3e3; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 10px; }
.opus_img_list ul{}
.opus_img_list ul li{ float:left;}
.opus_img_list a{ margin-right: 8px; }
.opus_img_list a img{ height: 80px; width: 80px; border: 1px solid #CCC; }
.opus_img_list a:hover img{ height: 80px; width: 80px; border: 1px solid #0063DC; }

.opus_btm{ height:15px; background-color: #F3F3F3; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #e3e3e3; border-right-color: #e3e3e3; border-bottom-color: #e3e3e3; border-left-color: #e3e3e3; padding-right: 10px; padding-left: 10px; }
.opus_btm a{ background-image: url(../images/context_arrow_more_over_.gif); background-repeat: no-repeat; text-indent: 9999px; display: block; overflow: hidden; width: 36px; height: 10px; }
.opus_btm a.ri{ background-image: url(../images/mbi_026.gif); background-repeat: no-repeat; text-indent: 9999px; display: block; overflow: hidden; width:36px; height: 15px; }
.opus_btm a.left{ background-position: 0px -27px; }
.opus_btm a.right{ background-position: 0px -9px; }
.opus_btm a.left:hover{ background-position: 0px -18px; }
.opus_btm a.right:hover{ background-position: 0px -0px; }